<template>
  <div id="app">
    <router-view/>
  </div>
</template>
<script>
export default {
  name: 'App',
  provide () {
    return {
      reload: this.reload
    }
  },
  data () {
    return {

    }
  },
  methods: {
    reload () {
    }
  }
}
</script>

<style lang='less'>
@import url("./assets/style/base.css");
#app {
  position: relative;
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  /* -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; */
  color: #2c3e50;
  min-width: 1200px;
  min-height: 600px;
  height: 100vh;
}

#nav a.router-link-exact-active {
  color: #42b983;
}

.well-layout {
  margin: 16px;
  background-color: #fff;
  border-radius: 4px;
}
.pb {
  padding: 16px;
}
.bgf {
  background-color: #fff;
}
.fl {
  float: left;
}
.fr  {
  float: right;
}
.mr10 {
    margin-right: 10px;
}
.mt5 {
  margin-top: 5px;
}
.mt20 {
  margin-top: 20px;
}
.hr {
    height: 1px;
    background-color: rgba(0, 0, 0, 0.08);
}
.list {
    padding: 6px 32px;
    .li {
        margin: 16px 0;
        line-height: 100%;
        font-size: 14px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.85);
        list-style: none;
        padding-left: 12px;
        position: relative;
        &::before {
            position: absolute;
            content: "";
            width: 4px;
            height: 4px;
            border-radius: 50%;
            background-color: rgba(89, 89, 89, 1);
            top: 50%;
            left: 0;
            margin-top: -2px;
        }
    }
}
</style>
